<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title></title>
  <link rel="stylesheet" href="../vendor/datetimepicker/2.5.20/jquery.datetimepicker.min.css">
  <link rel="stylesheet" href="../assets/css/style.css">
  <link rel="stylesheet" href="../assets/css/skeleton.css">
  <link rel="stylesheet" href="../assets/css/window.css">
</head>
<body>
  <div class="container">
    <header class="header">
      <div class="filter-controls">
        <span class="filter-icon level-0" data-level="0"></span>
        <span class="filter-icon level-1" data-level="1"></span>
        <span class="filter-icon level-2" data-level="2"></span>
      </div>
      <div class="top-right-div">
        <img src="../assets/images/icon_128.png" id="debug-btn" style="display: none">
        <img src="../assets/images/check.png" id="holiday-btn">
        <img src="../assets/images/add.png" id="add-btn">
      </div>
    </header>
    <main id="date-container" class="date-container"></main>
  </div>

  <div id="window" class="window">
    <div class="window-content">
      <span class="close-btn" id="form-close">&times;</span>
      <h3 id="window-title" class="window-title"></h3>
      <form id="date-form">
        <input type="hidden" id="date-id">
        <div class="form-group">
          <label for="date-input" id="form-date"></label>
          <!--<input type="date" id="date-input" required>-->
          <input type="text" id="date-input" autocomplete="off" required class="window-input">
        </div>
        <div class="form-group">
          <label for="title-input" id="form-title"></label>
          <textarea id="title-input" required class="window-input"></textarea>
        </div>
        <div class="form-group">
          <div class="color-options">
            <label class="color-option">
              <span class="color-swatch level-0 active" data-level="0"></span>
            </label>
            <label class="color-option">
              <span class="color-swatch level-1" data-level="1"></span>
            </label>
            <label class="color-option">
              <span class="color-swatch level-2" data-level="2"></span>
            </label>
          </div>
        </div>
        <button type="submit" class="submit-btn" id="form-submit">确定</button>
      </form>
    </div>
  </div>

  <div id="version" class="version"></div>

  <script src="../vendor/jquery/3.7.1/jquery.min.js"></script>
  <script src="../vendor/datetimepicker/2.5.20/jquery.datetimepicker.full.min.js"></script>
  <script type="module" src="../assets/js/main.js"></script>
</body>
</html>